<template>
   <div>
        <div class="cardiv">
            <div class="car">
            <ul>
                <li><h2>新增银行卡</h2></li>
                <li style="margin-top:17px;font-size: 15px; #4c4f52">绑定您的银行卡</li>
            </ul>
            </div>
            <p>
                <template>
             <span>卡类型：</span>       
            <el-select v-model="value" placeholder="请选择" style="width:500px">
            <el-option v-for="item in options" :key="item.value" :label="item.label" :value="item.value"></el-option>
            </el-select></template>
            </p>
            <p>持卡人：<span></span> <el-input v-model="input" placeholder="请输入内容" style="width:447px"></el-input></p>
            <p>卡号：<el-input v-model="input" placeholder="请输入内容" style="width:447px;margin-left: 20px;">></el-input></p>
            <p>
                <template>
                    <span>银行：</span>
            <el-select v-model="value" placeholder="请选择" style="width:500px;margin-left: 16px;">
            <el-option v-for="item in options" :key="item.value" :label="item.label" :value="item.value"></el-option>
            </el-select></template>
            </p>
            <div class="caraddned">
                <div>请填写持卡人姓名</div>
                <div>确定</div>
            </div>
        </div>
    </div>
</template>

<script>
export default {
  data() {
    return {
      options: [
        {
          value: "选项1",
          label: "黄金糕"
        },
        {
          value: "选项2",
          label: "双皮奶"
        },
        {
          value: "选项3",
          label: "蚵仔煎"
        },
        {
          value: "选项4",
          label: "龙须面"
        },
        {
          value: "选项5",
          label: "北京烤鸭"
        }
      ],
      value: ""
    };
  },
  methods: function() {}
};
</script>

<style>
.cardiv {
  width: 1021px;
  height: 760px;
  margin-left: 13px;
}
.car {
  width: 100%;
  height: 90px;
  padding-left: 3px;
  border-bottom: solid 1px #ccc;
}
.car ul {
  margin-top: 5px;
}
.car div {
  float: right;
  margin-top: -32px;
  margin-right: 69px;
  width: 70px;
  height: 30px;
  border: 1px solid #ccc;
  line-height: 30px;
  text-align: center;
  font-size: 13px;
  color: #4c4f52;
}
.car div:hover {
  transition: all 0.3s linear;
  color: aquamarine;
  border: 1px solid aquamarine;
}
</style>
